<template>
	<view class="h-full flex-center text-hide flex-column" :style="innerMinHeight ? {'min-height': innerMinHeight + 'px'} : {}">
		<b-icon :size="140" name="icon-empty" extraClass="color-main" />
		<text class="color-secondary text-n mt-3-1 block">{{ message }}</text>
		<slot />
	</view>
</template>

<script>
export default {
	props: {
		message: {
			default: '暂无数据',
			type: String,
		},
		src: String,
		minHeight: {
			default: 400,
			type: Number,
		},
	},
	setup(props){
		const innerMinHeight = uni.upx2px(props.minHeight);
		return {
			innerMinHeight,
		};
	}
};
</script>
